import React from 'react';
import { BrainCircuit } from 'lucide-react';

const Header: React.FC = () => {
  return (
    <header className="bg-gradient-to-r from-blue-600 to-blue-500 text-white p-4 shadow-md">
      <div className="container mx-auto flex items-center justify-between">
        <div className="flex items-center gap-3">
          <BrainCircuit size={28} className="text-white" />
          <h1 className="text-xl font-bold">NumericalTransformer</h1>
        </div>
        <div className="text-sm opacity-90">
          <span>v1.0.0</span>
        </div>
      </div>
    </header>
  );
};

export default Header;